<template>
	<view class="information-container">
		<u-navbar :title="navtitle"> </u-navbar>
	  <getdatascrollview ref="getdatascrollview" :api="api" :seardata="querydata">
		<template #default="{ list }">
		
		  <view class="z-card rmzxlist">
			<!-- <view class="title u-flex-y-center"> 企业资讯 </view> -->
			<zxitem v-for="(item, key) in list" :key="key" :item="item"></zxitem>
		  </view>
		</template>
	  </getdatascrollview>
  
	 
	</view>
  </template>
  
  <script>
  // marketType
  import logo from "@/static/logo.png";
  import zxitem from "./components/zxitem.vue";
  import { getCompanyPage } from "@/api/index.js";
  export default {
	components: {
	  zxitem,
	},
	data() {
	  return {
		navtitle:"企业资讯",
		api: getCompanyPage,
		logo,
		bgColor: "#39C03E",
		querydata:{
		  marketType:""
		},
		list1: [
		  {
			tetx1: "即时消息",
			tetx2: "晨间即消息",
			icon: "chat",
			marketType:1
		  },
		  {
			tetx1: "农牧新闻",
			tetx2: "行业动态随时关注",
			icon: "email",
			marketType:2
		  },
		  {
			tetx1: "市场行情分析",
			tetx2: "更多市场行情分析",
			icon: "file-text",
			marketType:3
		  },
		  {
			tetx1: "市场行情报价",
			tetx2: "更多市场行情报价",
			icon: "rmb-circle",
			marketType:4
		  },
		],
	  };
	},
	methods: {
	  list1tap(item){
		// this.querydata.marketType==item.marketType?'':
		this.querydata.marketType=item.marketType;
		this.$refs.getdatascrollview.onRefresh();
	  }
	},
  };
  </script>
  
  <style lang="scss" scoped>
  .information-container {
	.list1-box {
	  display: flex;
	  flex-wrap: wrap;
	  padding: 20rpx;
	  justify-content: space-between;
  
	  // 710 - 690 3
	  .list1-item {
		height: 120rpx;
		width: 345rpx;
		background: #53c21d;
		// background: linear-gradient(to right, #39C03E 0%, #fff 100%);
		display: flex;
		margin-bottom: 20rpx;
		border-radius: 10rpx;
		align-items: center;
  
		// justify-content: center;
		.list1-item-icon {
		  width: 100rpx;
		}
  
		.list1-item-text {
		  display: flex;
		  flex-direction: column;
  
		  .list1-item-text-tetx1 {
			font-size: 28rpx;
			color: #fff;
			line-height: 50rpx;
		  }
  
		  .list1-item-text-tetx2 {
			font-size: 24rpx;
			color: rgba(255, 255, 255, 0.7);
		  }
		}
	  }
	}
  
	.rmzxlist {
	  margin: 20rpx;
	//   margin-top: 0;
		
	  .title {
		font-size: 28rpx;
		color: #333;
		font-weight: 600;
		height: 80rpx;
		padding-left: 20rpx;
  
		&::before {
		  content: "";
		  display: inline-block;
		  width: 4rpx;
		  height: 24rpx;
		  background: #39c03e;
		  margin-right: 10rpx;
		}
	  }
	}
  }
  </style>
  